<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-US"> <!--<![endif]-->
<head>
        <!-- META TAGS -->
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Future Technology</title>

        <link rel="shortcut icon" href="/static/index/images/favicon.png" />

        <!-- Style Sheet-->
        
         <link rel="stylesheet" href="/static/index/css/font-awesome.css">

        <link rel="stylesheet" href="/static/index/style.css"/>
        <link rel='stylesheet' id='bootstrap-css-css'  href='/static/index/css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
        <link rel='stylesheet' id='responsive-css-css'  href='/static/index/css/responsive5152.css?ver=1.0' type='text/css' media='all' />
        <link rel='stylesheet' id='pretty-photo-css-css'  href='/static/index/js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css' media='all' />
        <link rel='stylesheet' id='main-css-css'  href='/static/index/css/main5152.css?ver=1.0' type='text/css' media='all' />
        <link rel='stylesheet' id='custom-css-css'  href='/static/index/css/custom5152.html?ver=1.0' type='text/css' media='all' />


        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->

</head>

<body>

<!-- Start of Header -->
<div class="header-wrapper">
        <header>
                <div class="container">

                        <div class="logo-container">
                                <!-- Website Logo -->
                                <a href="{:url('index/article/index')}"  title="Knowledge Base Theme">
                                        <img src="/static/index/images/logo.png" alt="Acquisition">
                                </a>
                                <span class="tag-line">Premium WordPress Theme</span>
                        </div>
                        <!-- Start of Main Navigation -->
                        <nav class="main-nav">
                                <div class="menu-top-menu-container">
                                        <ul id="menu-top-menu" class="clearfix">
                                                <li class="current-menu-item"><a href="{:url('index/index/index')}">首页</a></li>
                                                <li><a href="{:url('index/Mood/index')}">心情随笔</a></li>
                                                <li><a href="{:url('index/Archive/index')}">个人归档</a></li>
                                                <li><a href="{:url('/index/Me/index')}">归于我</a></li>
                                                <li><a href="{:url('index/post/index')}">技术论坛</a></li>

                                        </ul>
                                </div>
                        </nav>
                        <!-- End of Main Navigation -->

                </div>
        </header>
</div>
<!-- End of Header -->

<!-- Start of Search Wrapper -->
<div class="search-area-wrapper">
        <!--<div class="banner" style="width: 1000px;height: 460px;">-->
                <!--<div class="move" id="move2" style="width: 100%;height: 100%;overflow: hidden;">-->
                        <!--<ul style="position: absolute;">-->
                                <!--<li style="position: absolute;list-style: none;"><img src="/static/index/images/a1.png" alt=""></li>-->
                                <!--<li style="position: absolute;list-style: none;"><img src="/static/index/images/a2.png" alt=""></li>-->
                                <!--<li style="position: absolute;list-style: none;"><img src="/static/index/images/a3.png" alt=""></li>-->
                                <!--<li style="position: absolute;list-style: none;"><img src="/static/index/images/a4.png" alt=""></li>-->
                                <!--<li style="position: absolute;list-style: none;"><img src="/static/index/images/a5.png" alt=""></li>-->
                        <!--</ul>-->
                <!--</div>-->
                <!--<div class="ctrl" id="ctrl2"></div>-->
        <!--</div>-->
        <div class="search-area container">
                <h3 class="search-header">Have a Question?</h3>
                <p class="search-tag-line">If you have any question you can ask below or enter what you are looking for!</p>

                <form id="search-form" class="search-form clearfix" method="get" action="#" autocomplete="off">
                        <input  class="search-term required" type="text" id="s" name="s" placeholder="Type your search terms here" title="* Please enter a search term!" />
                        <input  style="" class="search-btn" type="submit" value="Search" />
                        <div id="search-error-container"></div>
                </form>
        </div>
</div>
<!-- End of Search Wrapper -->
<div class="copyrights">Collect from </div>

<!-- Start of Page Container -->
{block name="indexmain"}
<div class="page-container">
        <div class="container">
                <div class="row">

                        <!-- start of page content -->
                        <div class="span8 page-content">

                                <!-- Basic Home Page Template -->
                                <div class="row separator">
                                        <section class="span4 articles-list">
                                                <h3>精选文章</h3>
                                                <ul class="articles">
                                                        {volist name="list" id="v"}

                                                        <li class="article-entry standard">
                                                                <h4><a id="choice" href="{:url('index/article/index',['id'=>$v['art_id']])}">{$v.artname}</a></h4>
                                                                <span class="article-meta">{$v.colname.colname} {$v.arttime}  浏览:{$v.views}</span>
                                                                <span class="like-count">66</span>
                                                        </li>

                                                        {/volist}

                                                </ul>
                                        </section>

                                        <section class="span4 articles-list">
                                                <h3>热门文章</h3>
                                                <ul class="articles">
                                                        {volist name="love" id="v"}

                                                        <li class="article-entry standard">
                                                                <h4><a href="{:url('index/article/index',['id'=>$v['art_id']])}">{$v.artname}</a></h4>

                                                                <span class="article-meta">{$v.colname_hot.colname} {$v.arttime}  浏览:{$v.views}</span>
                                                                <span class="like-count">66</span>
                                                        </li>
                                                        {/volist}
                                                </ul>
                                        </section>
                                </div>
                        </div>
                        <!-- end of page content -->


                        <!-- start of sidebar -->
                        <aside class="span4 page-sidebar">

                                <section class="widget">
                                        <div class="support-widget">
                                                <h3 class="title">Support</h3>
                                                <p class="intro">Need more support? If you did not found an answer, contact us for further help.</p>
                                        </div>
                                </section>

                                <section class="widget">
                                        <div class="quick-links-widget">
                                                <h3 class="title">Quick Links</h3>
                                                <ul id="menu-quick-links" class="menu clearfix">
                                                        <li><a href="index-2.html">Home</a></li>
                                                        <li><a href="articles-list.html">Articles List</a></li>
                                                        <li><a href="faq.html">FAQs</a></li>
                                                        <li><a href="contact.html">Contact</a></li>
                                                </ul>
                                        </div>
                                </section>

                                <section class="widget">
                                        <h3 class="title">友情链接</h3>
                                        <div class="tagcloud">
                                                {volist name="$links" id="v"}
                                                <a href="{$v.linksurl}" target="_blank" class="btn btn-mini">{$v.linksname}</a>
                                                {/volist}
                                        </div>
                                </section>

                        </aside>
                        <!-- end of sidebar -->
                </div>
        </div>
</div>
{/block}
<!-- End of Page Container -->

<!-- Start of Footer -->
<footer id="footer-wrapper">
        <div id="footer" class="container">
                <div class="row">

                        <div class="span3">
                                <section class="widget">
                                        <h3 class="title">How it works</h3>
                                        <div class="textwidget">
                                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
                                                <p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. </p>
                                        </div>
                                </section>
                        </div>

                        <div class="span3">
                                <section class="widget"><h3 class="title">Categories</h3>
                                        <ul>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet,">Advanced Techniques</a> </li>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet,">Designing in WordPress</a></li>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet,">Server &amp; Database</a></li>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet, ">Theme Development</a></li>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet,">Website Dev</a></li>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet,">WordPress for Beginners</a></li>
                                                <li><a href="#" title="Lorem ipsum dolor sit amet, ">WordPress Plugins</a></li>
                                        </ul>
                                </section>
                        </div>

                        <div class="span3">
                                <section class="widget">
                                        <h3 class="title">Latest Tweets</h3>
                                        <div id="twitter_update_list">
                                                <ul>
                                                        <li>No Tweets loaded !</li>
                                                </ul>
                                        </div>

                                </section>
                        </div>

                        <!--<div class="span3">-->
                                <!--<section class="widget">-->
                                        <!--<h3 class="title">Flickr Photos</h3>-->
                                        <!--<div class="flickr-photos" id="basicuse">-->
                                        <!--</div>-->
                                <!--</section>-->
                        <!--</div>-->

                </div>
        </div>
        <!-- end of #footer -->

        <!-- Footer Bottom -->
        <div id="footer-bottom-wrapper">
        <div id="footer-bottom" class="container">
        <div class="row">
        <div class="span6">
        <p class="copyright">

        </p>
        </div>
        <div class="span6">
        <!-- Social Navigation -->
        <ul class="social-nav clearfix">
        <li class="linkedin"><a target="_blank" href="#"></a></li>
        <li class="stumble"><a target="_blank" href="#"></a></li>
        <li class="google"><a target="_blank" href="#"></a></li>
        <li class="deviantart"><a target="_blank" href="#"></a></li>
        <li class="flickr"><a target="_blank" href="#"></a></li>
        <li class="skype"><a target="_blank" href="skype:#?call"></a></li>
        <li class="rss"><a target="_blank" href="#"></a></li>
        <li class="twitter"><a target="_blank" href="#"></a></li>
        <li class="facebook"><a target="_blank" href="#"></a></li>
        </ul>
        </div>
        </div>
        </div>
        </div>
        <!-- End of Footer Bottom -->

</footer>
<!-- End of Footer -->

<a href="#top" id="scroll-top"></a>

<!-- script -->
<script type='text/javascript' src='/static/index/js/jquery-1.8.3.min.js'></script>
<script type='text/javascript' src='/static/index/js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='/static/index/js/prettyphoto/jquery.prettyPhoto.js'></script>
<script type='text/javascript' src='/static/index/js/jflickrfeed.js'></script>
<script type='text/javascript' src='/static/index/js/jquery.liveSearch.js'></script>
<script type='text/javascript' src='/static/index/js/jquery.form.js'></script>
<script type='text/javascript' src='/static/index/js/jquery.validate.min.js'></script>
<script type='text/javascript' src='/static/index/js/custom.js'></script>

        <!--<script type="text/javascript">-->
            <!--$(function() {-->
                <!--$('.banner').myscroll({-->
                    <!--picElem: $('#move2'), //图片父级-->
                    <!--autoPlay: true, //是否自动播放-->
                    <!--playTime: 2000, //自动播放间隔时间-->
                    <!--playSpeed: 700, //图片切换速度-->
                    <!--effect: 'fade' //轮播的改变方式 top(向上) left(向左) fade(淡入淡出)-->
                <!--});-->
            <!--})-->
        <!--</script>-->


</body>
</html>